<template>
    <div class="setup">
        <van-nav-bar
            title="设置"
            left-arrow
            @click-left="onClickLeft"
            placeholder
        />

        <van-cell-group>
            <van-cell title="绑定手机号" to="" is-link />
            <van-cell title="账号与安全" to="" is-link />
        </van-cell-group>
        <van-cell-group>
            <van-cell title="清楚缓存" to="" is-link />
            <van-cell title="关于我们" to="" is-link />
            <van-cell title="联系客服" to="" is-link />
        </van-cell-group>
        <van-button type="primary" @click="bindOut">退出登录</van-button>
    </div>
</template>

<script setup lang="ts">
import { useSetup } from '../hooks/setup'
const { onClickLeft, bindOut } = useSetup()
</script>

<style lang="scss" scoped>
:deep(.van-icon-arrow-left):before {
    color: black;
    font-size: 20px;
}
.setup {
    background-color: #f6f6f6;
    height: 100vh;
    .van-button {
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        border: 0px solid;
        color: #7e7e7e;
        font-weight: 500;
        font-size: 16px;
        opacity: 0.7;
    }
}
</style>
